:root {
    /* Element Plus 主题色变量（与 theme.css 的主色变量联动） */
    --el-color-primary: var(--color-brand);
    --el-color-success: var(--color-success);
    --el-color-warning: var(--color-warning);
    --el-color-danger: var(--color-danger);
    --el-color-info: var(--color-info);

    /* 主色明暗层级（动态推导，保持 color-mix 写法） */
    --el-color-primary-light-3: color-mix(in srgb, var(--color-brand) 70%, white);
    --el-color-primary-light-5: color-mix(in srgb, var(--color-brand) 50%, white);
    --el-color-primary-light-7: color-mix(in srgb, var(--color-brand) 30%, white);
    --el-color-primary-light-8: color-mix(in srgb, var(--color-brand) 20%, white);
    --el-color-primary-light-9: color-mix(in srgb, var(--color-brand) 10%, white);
    --el-color-primary-dark-2: color-mix(in srgb, var(--color-brand) 80%, black);

    /* 字体尺寸（rem自适应） */
    --el-font-size-extra-large: 20rem;
    --el-font-size-large: 18rem;
    --el-font-size-medium: 16rem;
    --el-font-size-base: 14rem;
    --el-font-size-small: 13rem;
    --el-font-size-extra-small: 12rem;

    --el-component-size-small: 28rem;
    --el-component-size: 32rem; /* 默认 */
    --el-component-size-large: 36rem;
}

[data-theme="dark"] {
    --el-color-primary: var(--color-brand);
    --el-color-success: var(--color-success);
    --el-color-warning: var(--color-warning);
    --el-color-danger: var(--color-danger);
    --el-color-info: var(--color-info);

    --el-color-primary-light-3: color-mix(in srgb, var(--color-brand) 70%, white);
    --el-color-primary-light-5: color-mix(in srgb, var(--color-brand) 50%, white);
    --el-color-primary-light-7: color-mix(in srgb, var(--color-brand) 30%, white);
    --el-color-primary-light-8: color-mix(in srgb, var(--color-brand) 20%, white);
    --el-color-primary-light-9: color-mix(in srgb, var(--color-brand) 10%, white);
    --el-color-primary-dark-2: color-mix(in srgb, var(--color-brand) 80%, black);
}
